<script setup lang="ts">

// 孙子这边必须要用 defineProps 来接收
defineProps(['a', 'b', 'x', 'y', 'add'])
</script>
<template>
    <div class="main">
        <h4>孙组件</h4>
        a:{{ a }} <br>
        b:{{ b }} <br>
        x:{{ x }} <br>
        y:{{ y }} <br>
        <br>
        <button @click="add(100)"> 孙 Add </button>

    </div>

</template>


<style scoped>
.main {

    width: 90%;
    height: 200px;
    border: 1px solid red;
    background-color: bisque;
    padding: 20px;
}
</style>